<template>
    <div class="msg-box">
        <h1>404</h1>
        <h2>抱歉，您访问的页面不存在</h2>
        <a-button type="primary">返回首页</a-button>
    </div>
</template>

<script>
export default {
    name: "NotFound"
};
</script>

<style lang="scss" scoped>
.msg-box {
    width: 960px;
    height: 360px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -180px;
    margin-left: -480px;
    padding-left: 580px;
    box-sizing: border-box;
    background: url("../../assets/images/notfound.png") left center no-repeat;
    background-size: contain;

    h1 {
        font-size: 80px;
        margin: 20px 0;
        color: #555;
    }
    h2{
        color: #555;
    }
}
</style>